<template>
  <div class="shopcar-container">
    <!--商品列表-->
    <div class="goodslist">
      <div class="mui-card">
        <div class="mui-card-content">
          <div class="mui-card-content-inner">
            <mt-switch></mt-switch>
            <img src="" alt="">
            <div class="info">
              <h1>标题</h1>
              <p>
                <span class="price">￥2190</span>
                <div class="mui-numbox" data-numbox-min="1">
                  <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
                  <input id="test" class="mui-input-numbox" type="number" value="1" ref="numbox">
                  <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
                </div>
                <a href="#">删除</a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--结算区域-->
    <div class="mui-card">
      <div class="mui-card-content">
        <div class="mui-card-content-inner">这是一个最简单的卡片视图控件；卡片视图常用来显示完整独立的一段信息，比如一篇文章的预览图、作者信息、点赞数量等</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.shopcar-container {
  background-color: #eee;
  overflow: hidden;
}
</style>

